<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
			/* 一刀切 很多标签有默认设置的内外边距 */
			*{margin: 0px; padding: 0px;}
			/* 因为li的默认样式不占空间，要去掉 */
			li{list-style: none;}
			/* a标签默认样式设置了 下划线 去掉 */
			a{text-decoration: none;}
			/* 设置图文对齐方式 */
			img{vertical-align: bottom;}
			
			
			
			div{
				width: 100px;
				height: 100px;
				background-color: yellowgreen;
				
				float: left;
			}
			ul{
				float: left;
			}
			li{
				/* list-style: square; */
			}
			
		</style>
		
	</head>
	<body>
		<a href="">aaaaaaaaaaaaaaaa</a>
		
		<div>div</div>
		<ul>
			<li>列表</li>
			<li>列表</li>
			<li>列表</li>
			<li>列表</li>
		</ul>
		<p>ppp</p>
		
	</body>
</html>